<template>
  <div id="app" class="min-h-screen bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50">
    <!-- 头部导航 -->
    <HeaderNavigation />
    
    <!-- 主要内容区域 -->
    <main class="w-full">
      <router-view />
    </main>
    
    <!-- 页脚 -->
    <FooterSection />
  </div>
</template>

<script setup lang="ts">
import HeaderNavigation from './components/HeaderNavigation.vue'
import FooterSection from './components/FooterSection.vue'
</script>

<style>
/* 全局样式 */
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', sans-serif;
}

/* 自定义滚动条 */
::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
</style> 